Hva som har blitt gjort:

#6 Apollo Client
Satt opp Apollo Client så frontenden snakker med backenden. Adressen ligger i VITE_GRAPHQL_URL (se .env.example), så når backenden er oppe på VM-en er det bare å bytte den. Brukte Claude Code til oppsettet, og fikk forklart hvordan Apollo også funker som state management.

#7 Forsiden
Forsiden henter nå en ekte film fra databasen i stedet for mock-data. Siden ingen har gitt terningkast ennå, vises den mest populære filmen. Har også lagt inn melding mens den laster og hvis noe går galt. Fikk hjelp av Claude Code til å bytte ut mock-dataen med en GraphQL-spørring.

#8 Søk
Søkefelt som venter litt til du har skrevet ferdig før det søker (300 ms), så vi ikke sender en request per bokstav. Viser plakat, tittel, år og sjangre, og sier ifra hvis det ikke er noen treff. Claude Code hjalp med koden og forklarte meg hva debounce er.

Testet lokalt med de 5000 filmene: vanlig søk, søk uten treff, store bokstaver og hva som skjer når backenden er nede.

PS: Søket ligger på forsiden foreløpig, flytter det til headeren når #22 med React Router er merget. "Les mer"-lenkene funker ikke før detaljsiden (#11) er laget.